<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
	*{
		margin: 0px;
		padding: 0px;
	}
	.to{
		width: 530px;
		height: 260px;
	}
	ul{
		width: 550px;
		height: 180px;
		/*float: left;*/
	}
	li{
		width: 550px;
		height: 30px;
		list-style: none;
		background: #AE81FF url() 0 0 no-repeat;
	}
	.aa{
		height: 30px;
		background: #48BEEF url() 0 0 no-repeat;
	}
	a{
		float: left;
	}
</style>
<body>
<div class="to">
	<ul>
		<script type="text/javascript">
			for (var i = 1; i <= 9; i++) 
			{
				document.write("<li><div class='aa'>");
				for (var s = 1; s <= i; s++) 
				{
					document.write( "<a>",s,"X",i,"=",(s*i),"||</a> ");
				}
				document.write("</a></li>");
			};
	</script>
	</ul>
</div>
	
</body>
</html>